<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title></title>
    <script src="js/jquery-2.1.4.min.js"></script>
    <script src="js/common.js"></script>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link href="css/style.css" rel="stylesheet"/>
</head>
<body>
    <div class="container">
        <header class="mui-bar mui-bar-nav layout-bg">
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left l-arrow"></a>
            <h1 class="mui-title">商品订单详情</h1>
        </header>

        <div class="layout-gap">
            <div class="reg-title">
                <div class="auth-text reg-span">用户信息</div>
            </div>

            <div class="mission-list-box">
                <div class="goods-container">
                    <div class="details-list list-border">
                        <div class="details-list-left fl font-weight" style="line-height: 35px;">姓名</div>
                        <div class="details-list-right mui-overflow">
                            <img src="images/default-avatar.png" class="fl" width="35" height="35">

                            <span class="goods-name fl">李小二</span>
                        </div>
                    </div>
                    <div class="details-list list-border">
                        <div class="details-list-left fl font-weight">配送地址</div>
                        <div class="details-list-right">安徽合肥</div>
                    </div>
                    <div class="details-list list-border">
                        <div class="details-list-left fl font-weight">联系电话</div>
                        <div class="details-list-right">18888888888</div>
                    </div>
                </div>
            </div>

            <div class="reg-title">
                <div class="auth-text reg-span">商品信息</div>
            </div>

            <table style="table-layout: fixed;" class="goods-mes">
                <tr class="goods-list-tr">
                    <td width="6%"></td>
                    <td width="50%" class="good-list-name a-line">红牛123红牛123</td>
                    <td width="10%" class="good-list-num">x4</td>
                    <td width="38%" align="right" class="good-list-num">￥7</td>
                    <td width="6%"></td>
                </tr>
                <tr class="goods-list-tr">
                    <td width="6%"></td>
                    <td width="50%" class="good-list-name a-line">红牛123红牛123</td>
                    <td width="10%" class="good-list-num">x4</td>
                    <td width="38%" align="right" class="good-list-num">￥7</td>
                    <td width="6%"></td>
                </tr>

                <tr class="goods-list-tr">
                    <td width="6%"></td>
                    <td width="50%"></td>
                    <td width="10%"></td>
                    <td width="38%" align="right" class="subtotal-num">小计：<span style="color: #ff850b;">￥24</span></td>
                    <td width="6%"></td>
                </tr>
            </table>

            <table style="table-layout: fixed;" class="goods-mes">
                <tr class="goods-list-tr">
                    <td width="6%"></td>
                    <td width="50%" align="left" class="good-list-name a-line">配送费</td>
                    <td width="10%" class="good-list-num"></td>
                    <td width="38%" align="right" class="good-list-num">￥7</td>
                    <td width="6%"></td>
                </tr>
            </table>

            <div class="total-price">合计：<span style="color: #ff850b;">￥24</span></div>

            <div class="nav-clear"></div>
            <nav class="nav-box">
                <a class="details-nav-fl">
                    <div class="contact-he">
                        <span class="telphone-icon"></span>
                        联系TA
                    </div>
                </a>

                <div class="details-nav-fr layout-bg">接单</div>
            </nav>
        </div>
    </div>
</body>
</html>